<!DOCTYPE html>
<html >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>后台管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="Bootstrap模版,Bootstrap模版下载,Bootstrap教程,Bootstrap中文,后台管理系统模版,后台模版下载,后台管理系统,后台管理模版,网页特效,CSS3动画，HTML特效,jQuery插件" />
    <meta name="description" content="Bootstrap模版,后台管理系统模版,后台管理界面,Bootstrap教程,网页特效,CSS3动画，HTML特效，jQuery插件" />
	<link href="./images/favicon.ico" rel="shortcut icon" />
    <!-- bootstrap -->
    <link rel="stylesheet" type="text/css" href="./css/bootstrap/bootstrap.css" >
    <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
    <!-- icon -->
    <link rel="stylesheet" type="text/css" href="./css/if.css">
    <!-- loading -->
    <link rel="stylesheet" type="text/css" href="./css/loading.css">
    <!-- customer -->
    <link rel="stylesheet" type="text/css" href="./css/style.css">

    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
    <!-- 顶部导航栏 Start -->
    <div id="head-nav" class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <!-- Logo Start -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" 
                        data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-system"></span>
                </button>
                <a class="navbar-brand" href="#"><span>9i 特效</span></a>
            </div>
            <!-- Logo Ended -->
            <div class="navbar-collapse collapse">
                <!-- 顶部导航栏 左边导航栏 Start -->
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">首页</a></li>
                    <li><a href="#about">关于我们</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">联系我们 <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">动作</a></li>
                            <li><a href="#">另一个动作</a></li>
                            <li><a href="#">其他动作</a></li>
                            <li class="dropdown-submenu"><a href="#">子菜单</a>
                            <ul class="dropdown-menu">
                                <li><a href="#">动作</a></li>
                                <li><a href="#">另一个动作</a></li>
                                <li><a href="#">其他动作</a></li>
                                </ul>
                            </li>              
                        </ul>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">大菜单 <b class="caret"></b></a>
                            <ul class="dropdown-menu col-menu-2">
                                <li class="col-sm-6 no-padding">
                                    <ul>
                                        <li class="dropdown-header"><i class="fa icon-users"></i>用户</li>
                                        <li><a href="#">动作</a></li>
                                        <li><a href="#">另一个动作</a></li>
                                        <li><a href="#">其他动作</a></li>
                                        <li class="dropdown-header"><i class="fa icon-system"></i>配置</li>
                                        <li><a href="#">动作</a></li>
                                        <li><a href="#">另一个动作</a></li>
                                        <li><a href="#">其他动作</a></li> 
                                    </ul>
                                </li>
                                <li  class="col-sm-6 no-padding">
                                    <ul>
                                        <li class="dropdown-header"><i class="fa icon-sales"></i>买卖</li>
                                        <li><a href="#">动作</a></li>
                                        <li><a href="#">另一个动作</a></li>
                                        <li><a href="#">其他动作</a></li> 
                                        <li><a href="#">另一个动作</a></li>
                                        <li><a href="#">其他动作</a></li>
                                    </ul>
                                </li>
                            </ul>
                      </li>
                </ul>
                <!-- 顶部导航栏 左边导航栏 Ended -->

                <!-- 顶部导航栏 右边导航栏 Start -->
                <ul class="nav navbar-nav navbar-right user-nav">
                    <li class="dropdown profile_menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img alt="Avatar" src="images/head-man-default.png" width="30" /><span>Jeff Hanneman</span> <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">我的账户</a></li>
                            <li><a href="#">轮廓</a></li>
                            <li><a href="#">消息</a></li>
                            <li class="divider"></li>
                            <li><a href="#">退出</a></li>
                        </ul>
                    </li>
                </ul>  
                <!-- 顶部导航栏 右边导航栏 Ended --> 

                 <!-- 顶部导航栏 中间导航栏 Start -->
                 <ul class="nav navbar-nav navbar-right not-nav" >
                    <li class="button dropdown">
                        <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa icon-message"></i>
                        </a>
                        <ul class="dropdown-menu messages">
                            <li>
                                <div class="nano nscroller">
                                  <div class="content">
                                    <ul>
                                      <li>
                                        <a href="#">
                                          <img src="../images/head-man-default.png" alt="avatar" /><span class="date pull-right">13 Sept.</span> <span class="name">Daniel</span> I'm following you, and I want your money! 
                                        </a>
                                      </li>
                                      <li>
                                        <a href="#">
                                          <img src="../images/head-man-default.png" alt="avatar" /><span class="date pull-right">20 Oct.</span><span class="name">Adam</span> is now following you 
                                        </a>
                                      </li>
                                      <li>
                                        <a href="#">
                                          <img src="../images/head-man-default.png" alt="avatar" /><span class="date pull-right">2 Nov.</span><span class="name">Michael</span> is now following you 
                                        </a>
                                      </li>
                                      <li>
                                        <a href="#">
                                          <img src="../images/head-man-default.png" alt="avatar" /><span class="date pull-right">2 Nov.</span><span class="name">Lucy</span> is now following you 
                                        </a>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                                <ul class="foot"><li><a href="#">View all messages </a></li></ul>           
                            </li>
                        </ul>
                    </li>
                    <li class="button dropdown">
                        <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa icon-network"></i><span class="bubble">2</span>
                        </a>
                        <ul class="dropdown-menu">
                          <li>
                            <div class="nano nscroller">
                              <div class="content">
                                <ul>
                                  <li><a href="#"><i class="fa fa-cloud-upload info"></i><b>Daniel</b> is now following you <span class="date">2 minutes ago.</span></a></li>
                                  <li><a href="#"><i class="fa fa-male success"></i> <b>Michael</b> is now following you <span class="date">15 minutes ago.</span></a></li>
                                  <li><a href="#"><i class="fa fa-bug warning"></i> <b>Mia</b> commented on post <span class="date">30 minutes ago.</span></a></li>
                                  <li><a href="#"><i class="fa fa-credit-card danger"></i> <b>Andrew</b> killed someone <span class="date">1 hour ago.</span></a></li>
                                </ul>
                              </div>
                            </div>
                            <ul class="foot"><li><a href="#">View all activity </a></li></ul>           
                          </li>
                        </ul>
                    </li>
                    <li class="button">
                        <a href="javascript:;" class="speech-button">
                            <i class="fa icon-mac"></i>
                        </a>
                    </li>             
                </ul>
                 <!-- 顶部导航栏 中间导航栏 Ended -->

            </div>
        </div>
    </div>
    <!-- 顶部导航栏 Ended -->

    <!-- 侧边栏 Start -->
    <div id="cl-wrapper" class="fixed-menu">
        <div class="cl-sidebar" data-position="right" data-step="1" data-intro="<strong>Fixed Sidebar</strong> <br/> It adjust to your needs." >
            <div class="cl-toggle"><i class="fa fa-bars"></i></div>
            <div class="cl-navblock">
                <div class="menu-space">
                  <div class="content">
                    <ul class="cl-vnavigation">
                      <li><a href="#"><i class="fa fa-home"></i><span>Dashboard</span></a>
                        <ul class="sub-menu">
                          <li class="active"><a href="index-2.html">Version 1</a></li>
                          <li><a href="dashboard2.html"><span class="label label-primary pull-right">New</span> Version 2</a></li>
                        </ul>
                      </li>
                      <li><a href="#"><i class="fa fa-smile-o"></i><span>UI Elements</span></a>
                        <ul class="sub-menu">
                          <li><a href="ui-elements.html">General</a></li>
                          <li><a href="ui-buttons.html">Buttons</a></li>
                          <li><a href="ui-modals.html"><span class="label label-primary pull-right">New</span> Modals</a></li>
                          <li><a href="ui-notifications.html"><span class="label label-primary pull-right">New</span> Notifications</a></li>
                          <li><a href="ui-icons.html">Icons</a></li>
                          <li><a href="ui-grid.html">Grid</a></li>
                          <li><a href="ui-tabs-accordions.html">Tabs & Acordions</a></li>
                          <li><a href="ui-nestable-lists.html">Nestable Lists</a></li>
                          <li><a href="ui-treeview.html">Tree View</a></li>
                        </ul>
                      </li>
                      <li><a href="#"><i class="fa fa-list-alt"></i><span>Forms</span></a>
                        <ul class="sub-menu">
                          <li><a href="form-elements.html">Components</a></li>
                          <li><a href="form-validation.html">Validation</a></li>
                          <li><a href="form-wizard.html">Wizard</a></li>
                          <li><a href="form-masks.html">Input Masks</a></li>
                          <li><a href="form-multiselect.html"><span class="label label-primary pull-right">New</span>Multi Select</a></li>
                          <li><a href="form-wysiwyg.html"><span class="label label-primary pull-right">New</span>WYSIWYG Editor</a></li>
                          <li><a href="form-upload.html"><span class="label label-primary pull-right">New</span>Multi Upload</a></li>
                        </ul>
                      </li>
                      <li><a href="#"><i class="fa fa-table"></i><span>Tables</span></a>
                        <ul class="sub-menu">
                          <li><a href="tables-general.html">General</a></li>
                          <li><a href="tables-datatables.html"><span class="label label-primary pull-right">New</span>Data Tables</a></li>
                        </ul>
                      </li>              
                      <li><a href="#"><i class="fa fa-map-marker nav-icon"></i><span>Maps</span></a>
                        <ul class="sub-menu">
                          <li><a href="maps.html">Google Maps</a></li>
                          <li><a href="vector-maps.html"><span class="label label-primary pull-right">New</span>Vector Maps</a></li>
                        </ul>
                      </li>             
                      <li><a href="#"><i class="fa fa-envelope nav-icon"></i><span>Email</span></a>
                        <ul class="sub-menu">
                          <li><a href="email-inbox.html">Inbox</a></li>
                          <li><a href="email-read.html">Email Detail</a></li>
                          <li><a href="email-compose.html"><span class="label label-primary pull-right">New</span>Email Compose</a></li>
                        </ul>
                      </li>
                      <li><a href="typography.html"><i class="fa fa-text-height"></i><span>Typography</span></a></li>
                      <li><a href="charts.html"><i class="fa fa-bar-chart-o"></i><span>Charts</span></a></li>
                      <li><a href="#"><i class="fa fa-file"></i><span>Pages</span></a>
                        <ul class="sub-menu">
                          <li><a href="pages-blank.html">Blank Page</a></li>
                          <li><a href="pages-blank-header.html">Blank Page Header</a></li>
                          <li><a href="pages-blank-aside.html">Blank Page Aside</a></li>
                          <li><a href="pages-login.html">Login</a></li>
                          <li><a href="pages-404.html">404 Page</a></li>
                          <li><a href="pages-500.html">500 Page</a></li>
                          <li><a href="pages-sign-up.html"><span class="label label-primary pull-right">New</span>Sign Up</a></li>
                          <li><a href="pages-forgot-password.html"><span class="label label-primary pull-right">New</span>Forgot Password</a></li>
                          <li><a href="pages-profile.html"><span class="label label-primary pull-right">New</span>Profile</a></li>
                          <li><a href="pages-search.html"><span class="label label-primary pull-right">New</span>Search</a></li>
                          <li><a href="pages-calendar.html"><span class="label label-primary pull-right">New</span>Calendar</a></li>
                          <li><a href="pages-code-editor.html"><span class="label label-primary pull-right">New</span>Code Editor</a></li>
                          <li><a href="pages-gallery.html">Gallery</a></li>
                          <li><a href="pages-timeline.html">Timeline</a></li>
                        </ul>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="text-right collapse-button" style="padding:7px 9px;">
                  <input type="text" class="form-control search" placeholder="Search..." />
                  <button id="sidebar-collapse" class="btn btn-default" style=""><i style="color:#fff;" class="fa icon-left"></i></button>
                </div>
            </div>
        </div>
    </div>
    <!-- 侧边栏 Ended -->

    <script type="text/javascript" src="./js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="./js/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="./js/jquery.nanoscroller/jquery.nanoscroller.js"></script>
    <script type="text/javascript" src="./js/bootstrap.slider/js/bootstrap-slider.js"></script>
    <script type="text/javascript" src="./js/loading.js"></script>
    <script type="text/javascript" src="./js/common.js"></script>

</body>
</html>